<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index.css">
   
</head>

<body>
    <div class="container">

        <!-- 头部 -->
        <header>
            <div class="header">

                <img class="search" src="images/search.png" alt="">
                <h1>首页</h1>
                <img class="action" src="images/action.png" alt="">
            </div>

        </header>
        <!-- 轮播图 -->
        <div class="rotation">
            <img class="ad" src="images/ad-01.jpg" alt="">
        </div>
        <!-- 导航栏 -->
        <nav>

            <ul class="nav">

                <li><a href=""><img src="images/nav-01.jpg" alt=""><span>秒杀商品</span></a></li>
                <li><a href=""><img src="images/nav-02.jpg" alt=""><span>家用电器</span></a></li>
                <li><a href=""><img src="images/nav-03.jpg" alt=""><span>生活用品</span></a></li>
                <li><a href=""><img src="images/nav-04.jpg" alt=""><span>全部分类</span></a></li>
            </ul>

        </nav>
        <!-- 猜你喜欢 -->
        <div class="nav_title clearfix ">
            <span>猜你喜欢</span>
            <span>查看更多</span>
        </div>
         <!-- 猜你喜欢列表-->
        <div class="like">
            <ul class="like_list">
                <li><img src="images/good01.png " alt="">
                    <span>
                        <p>新款真皮沙发</p>
                        <p>¥256.00</p>
                    </span></li>
                <li><img src="images/good02.png" alt=""><span>
                        <p>新款真皮沙发</p>
                        <p>¥256.00</p>
                    </span></li>
                <li><img src="images/good03.png" alt=""><span>
                        <p>新款真皮沙发</p>
                        <p>¥256.00</p>
                    </span></li>
            </ul>
        </div>
        <!-- 特价销售 -->
        <div class="nav_title clearfix ">
            <span>天天特价</span>
            <span>查看更多</span>
        </div>
        <!-- 特价销售列表 -->
        <div class="sales">
            <ul class="sales_list">
                <li>
                    <img src="images/sales-01.jpg" alt="">
                    <p>单人沙发椅可拆洗懒人沙发小户型客厅卧室沙发现代简约休闲椅可调</p>
                    <p>¥999.00</p>
                    <img class="arrow" src="images/arrow01.jpg" alt="">
                </li>
                <li><img src="images/sales-03.jpg" alt="">
                    <p>单人沙发椅可拆洗懒人沙发小户型客厅卧室
                        沙发现代简约休闲椅可调</p>
                    <p>¥999.00</p>
                    <img class="arrow" src="images/arrow01.jpg" alt="">
                </li>
            </ul>

        </div>



        <!-- 底部导航-->
        <footer>
            <div class="footer">
                <ul class="footer-nav">
                    <li>
                        <a href="index.html">
                            <img src="images/icon01-a.jpg" alt="">
                            <span>首页</span>
                        </a></li>
                    <li><a href="cate.html"><img src="images/icon02.jpg" alt="">
                            <span>分类</span></a></li>
                    <li><a href="car.html">
                            <img src="images/icon03.jpg" alt="">
                            <span>购物车</span></a></li>
                    <li><a href="me.html">
                            <img src="images/icon04.jpg" alt="">
                            <span>我的</span>
                        </a>
                    </li>
                </ul>
            </div>
        </footer>

    </div>

</body>

</html>